﻿* {
    margin: 0;
    padding:0 ;
}

html, body {
    height: 100%;   
}

#picture {
    position: fixed;
    background: url(../images/one.jpg);
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    z-index: -5;
}

.main-container {
    width: 100%;
    height: 500%;
    z-index: 5;
}

#transparent-div {
    padding: 10% 0 0 0;
}

#transparent-div {
    width: 100%;
    z-index: 99;
    vertical-align: central;
    text-align: center;
}

.slide {
    height: 20%;
}

#slide-one {
    background-color: white;
}

#slide-two {
    background-color: red;
}

#slide-three {
    background-color: blue;
}

#slide-four {
    background-color: green;
}

#slide-five {
    background-color: orange;
}